// antd样式是用less写的  在编译成css
const CracoLessPlugin = require("craco-less");

module.exports = {
  // antd 按需引入样式
  babel: {
    plugins: [
      [
        "import", // 要做按需引入，所以是import
        {
          libraryName: "antd", // 表示要做antd的按需引入
          libraryDirectory: "es", // antd用es的模块化规范
          style: true, //设置为true即是less
        },
      ],
    ],
  },

  // 修改主题颜色
  plugins: [
    {
      plugin: CracoLessPlugin,
      options: {
        lessLoaderOptions: {
          lessOptions: {
            // modifyVars 表示要修改的变量
            modifyVars: {
              "@primary-color": "orange", // @primary-color  antd定义的主题颜色变量
            },
            javascriptEnabled: true, // 表示允许用js修改antd底层的less文件
          },
        },
      },
    },
  ],
};
